.dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

page {
  background-color: $colorBeige !important;
}

.gift-certificate-wrapper {
  position: relative;
  padding-bottom: calc($bottomDockHeight + $margin);
}

.manual-code {
  background-color: $colorLightBeige;
  border-radius: 5px;
  margin: 35px 0 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;

  &-input {
    padding: 20px 15px;
    flex: 1 1;
  }

  &-submit {
    border: 0;
    background: none;
    padding: 10px;
  }
}


$background-height: 201px;
.background {
  z-index: zindex($zLayout, behind);
  position: absolute;
  top: 0;
  left: 0;

  &-image {
    @include size(375px, $background-height);
  }
}

.header-section {
  height: $background-height;
  display: flex;
  align-items: center;
  max-width: 200px;
}

.gift-cert-count {
  font-family: $notoSans;
  color: $colorDark;
  font-size: $title-s;
  margin: 20px 0;
}

.giftcard-wrapper {
  margin: 15px 0;
}
